@charset "utf-8";
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  color: #333;
  background: #fff;
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 12px;
}

input, textarea {
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica;
  resize: none;
  outline: none;
  border-radius: 0;
}

* {
  margin: 0;
  padding: 0;
}

/*font-family:"Microsoft Yahei",'Heiti SC';*/
// * {
//     -webkit-box-sizing: border-box;
//     -moz-box-sizing: border-box;
//     box-sizing: border-box;
// }
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #333;
}

a:focus, a:hover {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

b {
  font-weight: normal;
}

em {
  font-style: normal;
}

ul, li {
  list-style: none;
}

div:after, ul:after, li:after, label:after {
  content: "";
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
}

div, ul, li, label {
  display: block;
  zoom: 1;
  font-weight: normal;
}

input {
  -webkit-appearance: none; /*去除input默认样式*/
}

button:focus {
  outline: none;
}

/* webkit, opera, IE9 */
::selection {
  background: #EA7771;
  color: #FFF;
}

/* mozilla firefox */
::-moz-selection {
  background: #EA7771;
  color: #FFF;
}

label {
  font-weight: normal;
}

/*取消安卓手机点击时出现默认蓝色边框*/
a, button, input, textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-webkit-user-modify: read-write-plaintext-only;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

/* 细上下边线 */
.borderT:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #e2e2e2;
  color: #e2e2e2;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  z-index: 2;
  visibility: visible;
}

.borderB:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e2e2e2;
  color: #e2e2e2;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  z-index: 2;
  visibility: visible;
}

.borderbB:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e2e2e2;
  color: #e2e2e2;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  z-index: 2;
  visibility: visible;
}

/* flex布局 */
.disBox {
  display: -moz-box;
  display: -webkit-box;
  display: box;
  width: 100%;
}

.disBoxFlex {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
}

/*  */
.webkit_touch {
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.w {
  width: 100%;
}

.h {
  height: 100%;
}

.button {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.button:after {
  background-color: #000;
  content: " ";
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}

.button:focus {
  outline: none;
}

.button:not(.disabled):active:after {
  opacity: .4;
}

.button.disabled {
  opacity: 0.6;
}

@media (max-width: 500px) {

}
